<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="datetimepicker.js">
</script>
<style type="text/css">
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #4E5869;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}
a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.container {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;
	background: #FFF;
	margin: 0 auto;
}
.header {
	padding-top:20px;
	padding-bottom:20px;
	background: #6F7D94;
}
.sidebar1 {
	float: left;
	width: 20%;
	background: #93A5C4;
	padding-bottom: 0px;
}
.content {
	padding: 10px 10px;
	width: 50%;
	float: left;
}
.sidebar2 {
	float: right;
	width: 20%;
	background: #93A5C4;
	padding: 10px 0;
}

.content ul, .content ol { 
	padding: 0 15px 15px 15px; 
}
ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #6F7D94;
	color: #FFF;
}

/* ~~The footer ~~ */
.footer {
	padding: 10px 0;
	background: #6F7D94;
	position: relative;
	clear: both; 
}

/* ~~miscellaneous float/clear classes~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
</style></head>

<body>
<div class="container">
  <div class="header">
  <center><h1>Group Formation</h1></center> 
    <!-- end .header --></div>
  <div class="sidebar1">
    <ul class="nav">
    <li>
    <a href="#"><img src="C:\Users\Karan\Desktop\rename.jpg" alt="Insert Logo Here" name="Insert_logo" width="100%" height="120" id="Insert_logo" style="background: #8090AB; display:block;" /></a>
    <br/>
    <center>Ashish Surekha</center>
    </li>
      <li>
        <div align="center"><a href="#">Home</a></div>
      </li>
      <li>
        <div align="center"><a href="#">View Groups</a></div>
      </li>
      <li>
        <div align="center"><a href="#">Send Information</a></div>
      </li>
      <li>
        <div align="center"><a href="#">Get Data</a></div>
      </li>
    </ul>
    </div>
  <div class="content">
  <form name="form1" method="post" action="">
  <label>Deadline : </label>

  <input id="deadline" type="text" size="25"><a href="javascript:NewCal('deadline')"><img src="cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>
  <br/><br/>
  <tr/>
  <label>Group Size Range : 
    <select name="grp_size" id="grp_size">
     <option value="1">1</option>
  	 <option value="2">2</option>
	 <option value="3">3</option>
	  <option value="4">4</option>
	   <option value="5">5</option>
	  <option value="6">6</option>
	  <option value="7">7</option>
	  <option value="8">8</option>
    </select>
     to 
     <select name="grp_size" id="grp_size">
     <option value="1">1</option>
  	 <option value="2">2</option>
	 <option value="3">3</option>
	  <option value="4">4</option>
	   <option value="5">5</option>
	  <option value="6">6</option>
	  <option value="7">7</option>
	  <option value="8">8</option>
    </select>
  </label>
  <br/><br/>
  <label> Send Group Formation Request to :</label>
  <p align="justify">
    <label>
      <input type="radio" name="students" value="all" id="students_0">
      All</label>
    <br>
    <label>
      <input type="radio" name="students" value="phd" id="students_1">
      PhD</label>
    <br>
    <label>
      <input type="radio" name="students" value="mtech" id="students_2">
      MTech</label>
    <br>
    <label>
      <input type="radio" name="students" value="btech" id="students_3">
      BTech</label>
    <br>
    </p>
</form>
  <br/><br/>
  <center>
  <input name="create" type="submit" value="Create New Project">
  </center>
  </div>
  <div class="sidebar2">
  <center><h3>Number of Students</h3></center>
  <br/>
  <label>Total : 89</label>
  <br/>
  <label>BTech : 56</label>
	<br/>
  <label>MTech : 12</label>
  <br/>
  <label>PhD : 5</label>
  <br/>
  <label>Number of TA's : 4</label>
    </div>
  <div class="footer">
  <center><p>Copyright © Get Together Team</p></center>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>
